本文目录一览：

通常元素的ID获取使用getElementById（）方法，实例如下：

元素值设定为input：

input name="input_name" id="input_id" class="password"/input

在JS中获取ID值也就是“input_id”这个值：

script type="text/javascript" language="javascript"

var item = document.getElementById("input_id");

/script

如此，所有为input_id的ID的input对象都在item中了。

只要使用getAttribute("id")函数即可获取li元素的id值，下面我们一起实例操作一下吧

首先我们在html当中创建li标签

使用JS获取li元素对象，getElementsByTagName("li")

3.接着我们打印出这样的运行效果看一下：

4.使用JS获取li元素的ID 值即可，getAttribute("id")

5.下面我们一起来看下运行效果

js获取html元素的方式

+通过ID获取：getElementById('id属性值')

+通过标签名：getElementsByTagName('标签名')

+通过类名：getElementsByClassName('类名')

+通过name属性：getElementsByName('name属性值')

+通过选择器获取一个元素：querySelector

+通过选择器获取一组元素：querySelectorAll

1.获取id值为d1的html元素

将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。

2.通过标签名：getElementsByTagName('标签名')

参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组) 

通过类名：getElementsByClassName('类名')

参数是元素的类名，返回值是一个类数组，没有找到返回空数组。

通过类名：getElementsByClassName('类名')

必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。

通过选择器获取一个元素：querySelector

参数是选择器，返回值只获取到第一个元素。

通过选择器获取一组元素：querySelectorAll

参数是选择器，返回值是一个数组。